@import 'origin.less';
@import 'fnList.less';

body{
    .skeleton();
}
header{
    .width();
    height:0.44rem;
    .travelList-header{
        position:fixed;
        top:0;
        left:0;
        z-index:99;
        .width();
        height:0.44rem;
        background:#1448AE;
        display:flex;
        justify-content: space-between;
        align-items:center;
        padding:0 0.24rem;
        .travelList-header-return{
            width:0.09rem;
            height:0.17rem;
            background:url('../images/icon/return.png') no-repeat;
            background-size:100% 100%;
        }    
        .travelList-header-input{
            width:94%;
            font-size:0.14rem;
            border:1px solid rgba(255, 255, 255, 0.5);
            border-radius:0.15rem;
            display:flex;
            align-items:center;
            .input-local{
                display:flex;
                align-items:center;
                padding:0.05rem 0.08rem;
                border-right:1px solid rgba(255, 255, 255, 0.5);
                img{
                    width:0.14rem;
                    height:0.19rem;
                    margin-right:0.05rem;
                }
                span{
                    color:rgba(255,255,255,1);
                }
            }
            .input-search{
                display:flex;
                align-items:center;
                padding:0.05rem 0.08rem;
                img{
                    width:0.17rem;
                    height:0.16rem;
                    margin-right:0.05rem;
                }
                span{
                    color:rgba(255,255,255,0.5);
                }
            }
        }
    }
}

section{
    font-size:0.14rem;
    margin-bottom:0.55rem;
    .travelList-sec-header{
        .width();
        .header-menu{
            ul{
                .width();
                height:0.45rem;
                background:#F4F4F4;
                display:flex;
                justify-content: space-between;
                align-items:center;
                li{
                    // width:25%;
                    line-height:0.45rem;
                    padding:0 0.12rem;
                    color:#666666;
                    text-align:center;
                    cursor: pointer;
                }
                li.active{
                    background:#fff;
                    border-top:3px solid #F7C612;
                }
            }
        }
    }
    .travelList-sec-main{
        padding:0 0.12rem;
        ul{
            .width();
            li{
                padding:0.16rem 0;
                border-bottom:1px solid lightgrey;
                display:flex;
                flex-wrap: nowrap;
                align-items:center;
                .list-img{
                    width:28%;
                    // width:1rem;
                    height:0.88rem;
                    // height:100%;
                    margin-right:0.1rem;
                    position: relative;
                    img{
                        width:100%;
                        height:100%;
                    }
                    .lijian{
                        width:0.17rem;
                        height:0.14rem;
                        background:url("../images/icon/lijian.png") no-repeat;
                        background-size:100%;
                        position: absolute;
                        top:0;
                        right:0;
                        z-index:10;
                    }
                }
                .list-content{
                    width:70%;
                    p{
                        width:100%;
                        white-space: nowrap;

                        overflow: hidden;
                
                        text-overflow: ellipsis;
                        line-height:0.2rem;
                    }
                    p:nth-of-type(1){
                        font-weight:bold;
                    }
                    p:nth-of-type(2){
                        font-size:0.12rem;
                        span{
                            border:1px solid #999999;
                            margin-right:0.07rem;
                            // padding:0.01rem;
                            display:inline-block;
                            width:0.45rem;
                            height:0.16rem;
                            line-height:0.15rem;
                            text-align:center;
                        }
                        span.blue-bg{
                            border:none;
                            width:0.7rem;
                            color:#fff;
                            background:#48C1E2;
                        }
                    }
                    p:nth-of-type(3){
                        font-weight: bold;
                        .local-from{
                            color:#00CC66;
                            margin-right:0.07rem;
                        }
                    }
                    p:nth-of-type(5){
                        display:flex;
                        justify-content: space-between;
                        .price{
                            font-size:0.16rem;
                            color:#F88412;
                        }
                        .goal{
                            display:inline-block;
                            width:0.3rem;
                            height:0.2rem;
                            line-height:0.2rem;
                            text-align:center;
                            border:1px solid grey;
                            background:#f6f6f6;
                        }
                       
                    }
                }
            }
            li:nth-last-of-type(1){
                border:none;
            }
        }
    }
}

footer{
    .width();
    .flexible(50,height);
    .flexible(11,font-size);
    .box-sizing();
    .padding-space(8,24);
    background:#ededed;
    .position-footer();
    ul{
        .flex();
        .flex-justify();
        .flex-align();
        li{
            a{
                .block();
                .textalign();
                .color(#666);
                span{
                    .block();
                    .flexible(26,width);
                    .flexible(23,height);
                    .margin(0);
                }
                .img-index{
                    background:url('../images/icon/luggage_01.png') no-repeat;
                    .backgroundSize(100%,100%);
                }
                .img-search{
                    background: url("../images/icon/footer_0322_06.png") no-repeat;
                    .backgroundSize(100%,100%);
                }
                .img-history-active{
                    background: url("../images/icon/footer_0322_07.png") no-repeat;
                    .backgroundSize(100%,100%);
                }
                .img-myinfo{
                    background: url("../images/icon/footer_0322_08.png") no-repeat;
                    .backgroundSize(100%,100%);
                }
                p{
                    .letter-spacing(2);
                }
            }
            .index{
                p{
                    .color(#1448AE);
                }
            }
        }
    }
}